body {
	margin: 0 auto;
	padding: 0;
	/*max-width: 1600px; max site width - 1366 optimal */
	font-family: Tahoma,sans-serif;
	font-size: 12px;
	color: #313131
}
pre {
	background-color: #EFEFE7;
	border: 1px solid #DBDBCA;
	overflow: auto;
	margin: 5px 0;
}
blockquote {
	background-color: #E7EFEF;
	border: 1px solid #ACC8C8;
	margin: 5px 0;
}
a {color: #23acda; text-decoration: none}
a:hover {text-decoration: underline}
img {border: 0; vertical-align: text-bottom}
h2,h3 {margin: 0; padding: 0; clear: both}
h2 {color: #2abaea; font-size: 18px}
h3 {color: #2abaea; font-size: 12px}
form {margin: 0}

/* sidebars width */
#all {padding: 0 250px; min-width: 460px}

/* TOP */
header {
	height: 157px;
	display: block;
	overflow: hidden;
	background: url(img/headerBg.jpg) repeat-x #fff;
}
a.logoTop {
	float: left;
	width: 160px;
	height: 117px
}
#loginTopForm {
	float: right;
	width: 370px;
	color: #cdcdcd;
	padding-top: 12px
}
#loginTopForm input.text{
	border: 1px solid #979494;
	background: #bdbbba;
	color: #554c4a;
	width: 90px
}
#loginTopForm input.choice{
	vertical-align: top;
	cursor: help;
}
#userOptions {
	float: right;
	padding: 9px 9px 0 0
}
#userOptions a {
	color: #cdcdcd;
	margin: 7px
}
#banner {
	float: right;
	clear: right;
	margin: 9px 15px;
	max-height: 80px;
	overflow: hidden
}

/* MENU BAR */
nav {
	display: block;
	height: 28px;
	overflow: hidden;
	padding: 12px 15px 0;
	margin: -40px 0 10px
}
nav a {
	color: #cdcdcd;
	margin-right: 40px
}
nav a.active {
	color: #fff;
	font-weight: bold;
	margin-right: 40px
}
#flags {
	float: right;
	color: #cdcdcd;
	font-size: 11px
}
#actions {
	float: right
}
#flags a {margin: 2px 2px 0}
#actions a {margin: 0 0 0 5px}

/* CONTENT */
#main {
	position: relative;
	float: left;
	overflow: hidden;
	min-height: 1px;
	width: 100%
}

/* SIDEBAR */ 
#left {
	position: relative;
	float: left;
	width: 230px;
	right: 250px; /* 230 + 20 padding */
	margin-left: -100%;
	padding: 0 10px
}
#right {
	position: relative;
	float: left;
	width: 230px;
	margin-right: -250px; /* 230 - 20 padding */
	padding: 0 10px
}

/* FOOTER */
footer {
	display: block;
	clear: both;
	height: 65px;
	background-color: #7e7774;
	color: #d5d5d5;
	padding: 5px 15px 0
}
#online {line-height:18px}
footer a {color:#d5d5d5}
.links {float:left}
.copyright {float:right}

/* HEADERS */ 
.headerBlue, .headerBrown, .headerOrange, .mh, .tb caption, h1 {
	margin: 0;
	text-indent: 9px;
	text-align: left;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
	font-size: 12px
}
.headerBlue, #left>.mh:first-child, .tb caption {background:url(img/headers.png) #29bbea 0 -35px repeat-x}
.headerBrown, h1, .mh {background:url(img/headers.png) #5c5a5b repeat-x 0 0}
.headerOrange, #right>.mh:first-child {background:url(img/headers.png) #f29a00 0 -70px repeat-x}
.action {float: right; color: white; margin: 8px}

/* MENU */
.menu {
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background:url(img/boxBg.jpg) repeat-x #fff;
	padding: 9px;
	overflow: hidden;
	margin-bottom:10px
}
.menu ul {
	margin: 0 -9px 6px;
	padding: 0;
	list-style: none
}
.menu ul a {
	display: block;
	line-height: 22px;
	padding: 0 15px 0 25px;
	border-bottom: 1px solid #eaeaea;
	text-decoration: none;
	color: #4d4d4d;
	background: url(img/arrow_r.png) 11px 9px no-repeat
}
.menu ul a:hover {background-color: #ededed}

.box {
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background:url(img/boxBg.jpg) repeat-x #fff;
	padding:9px 12px;
	line-height:18px;
	text-align:justify;
	overflow:hidden;
	margin-bottom:10px
}

/* Top round */
.headerBlue, .headerBrown, .headerOrange, .mh, .tb caption, .dialog h3, h1 {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0
}

/* Bottom round */
.box, .menu, .tb {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px
}

/* Both round */
/*#main #path, */#tags, .info, .error, .warning, .preview, .dialog, pre, blockquote, .pages a {
	padding: 5px;
	overflow: hidden;
	border-radius: 5px
}

/* Small boxes */
/*#main #path,*/ #tags, .info, .error, .warning, .preview {
	margin-bottom: 8px;
	border: 1px solid #cdcdcd;
}
.error, .warning {
	background-color: #ffffb0;
	border: 1px solid #d9c866
}
#main #path {
	/*padding-left: 28px;
	background: url(../../img/icon/cs.png) no-repeat 2px*/
	padding: 0 0 12px 0
}
nav #path {
	float: left; margin-right: 50px; color: #cdcdcd
}
nav #path a {margin: 0 5px}
.preview {line-height:18px}
.addComment {padding-bottom: 8px}

/* PAGES */
.pages {text-align: center; color: #9a9a9a}
.pages a {color:#000; padding: 3px 6px}
.pages a:hover {text-decoration:none; background-color:#858382; color:#FFF}
.pages .active {background-color:#5f5a5a; color:#fff}

/* LISTS */
ul,ol {margin: 9px; padding-left: 25px}
ul.go {list-style-image: url(../../img/icon/go.png)}
ul.gallery {list-style: none; padding: 0; margin: 0}
ul.gallery li {
	display: inline-block;
	width: 30%;
	padding: 5px;
	text-align: center;
	vertical-align: top
}
ul.cats {
	list-style-image: url(../../img/icon/folder.png);
	overflow: hidden
}
ul.cats li {
	width: 50%;
	float: left
}
.files div {
	background: url(../../img/icon/file.png) no-repeat 6px 6px;
	padding: 3px 0 5px 32px;
	min-height: 32px
}
.items td {
	height: 40px;
	padding-left: 40px !important
}
.art td {background: url(../../img/icon/art.png) no-repeat 5px 50%}
.link td {background: url(../../img/icon/www.png) no-repeat 9px 50%}
.items a {font-weight: bold}
.items h3 {margin: 0}

/* LINKS */
.edit, .add, .del, .off, .user, .cat, .tags, .quote, .settings, .mail, .cpanel, .help, .web {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: -1px
}
.del, .off {background-image: url(../../img/icon/del.png)}
.user {background-image: url(../../img/icon/group.png)}
.edit {background-image: url(../../img/icon/edit.png)}
.add {background-image: url(../../img/icon/add.png)}
.cat {background-image: url(../../img/icon/folder.png); background-position: 0 -1px}
.tags {background-image: url(../../img/icon/tag.png); background-position: 1px; padding-top: 1px}
.quote {background-image: url(../../img/icon/quote.png)}
.settings {background-image: url(../../img/icon/cog.png)}
.mail {background-image: url(../../img/icon/mail.png)}
.cpanel {background-image: url(../../img/icon/key.png)}
.help {background-image: url(../../img/icon/help.png)}
.web {background-image: url(../../img/icon/www.png)}
#path .edit {float: right} /*TODO:temporary*/

/* NEWS */ 
.newsBar {
	margin: 5px 0;
	overflow: hidden
}
.newsBar .date {
	float: left;
	padding-left: 18px;
	margin-right: 10px;
	background: url(img/date.png) no-repeat
}
.newsBar .author {
	float: left;
	padding-left: 18px;
	background: url(img/user.png) no-repeat
}
.newsimg {
	float:left;
	margin: 10px 5px 5px 0
}
.comments {
	padding-left: 22px;
	background: url(img/comments.png) no-repeat
}
#comments a img {
	padding: 0 2px;
	opacity: 0.2
}
#comments td:hover a img {
	opacity: 1
}
.comDate {
	float: left;
	background: url(../../img/icon/comment.png) no-repeat 0 2px;
	padding-left: 20px;
	color: gray
}
.newsButtons {
	margin: 9px 0;
	height: 22px;
	text-align: right;
	opacity: 0.5
}
.newsButtons a {float:right}

/* POLL */
.pollstrip {background-color: #2abaea; height: 10px; min-width: 2px}
.pollOptions {margin: 8px 0}
.pollQuestion, .pollSubmit {text-align: center}
path {transition: opacity 0.5s ease-out}
path:hover {opacity: 0.7}

/* TABLE */
.tb {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #BFBFBF;
	border-top: 0;
	border-spacing: 1px;
	background-color: #EAEAEA /*not needed*/
}
.tb tbody {background-color: #FFF} /*overflow:hidden*/
.tb caption {padding: 0}
.tb th {padding: 5px; background: url(img/boxBg.jpg) repeat-x #FFF}
.tb td {padding: 5px} /*bg color + important */
.tb .eth, .tb tfoot {text-align: center; background-color: #F8F8F8 !important}
.tb tr:nth-child(even)>td {background-color: #F8F8F8 !important}

/* BUTTONS */ 
.orange, .blue, .brown, .pollView, .pollArchive, .pollMore {
	display: inline-block;
	width: 65px;
	height: 21px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin: 0 2px
}
.orange, .pollView, .pollArchive {background:url(img/buttons.png) no-repeat}
.blue, .pollMore {background:url(img/buttons.png) no-repeat 0 -21px}
.brown {background:url(img/buttons.png) no-repeat 0 -42px}
.brown img {margin:3px 0 0 12px; float:left}
.buttonBlue, .buttonOrange, .pollVote {
	width: 65px;
	cursor: pointer;
	height: 21px;
	color: #fff;
	text-align: center;
	background: url(img/buttons.png) 0 -21px no-repeat;
	border: 0;
	font-size: 12px;
	padding-bottom: 4px;
	margin: 0 2px;
	text-shadow: #888888 0px 1px 1px
}
.buttonOrange {background:url(img/buttons.png) no-repeat}

/* DIALOG */
.dialog {
	position: fixed;
	z-index: 99;
	padding: 5px;
	background-color: #FFF;
	overflow: hidden;
	-moz-box-shadow: 1px 5px 9px black
}
.dialog h3 {
	margin: -5px -5px 5px -5px;
	background:url(img/headers.png) #f29a00 0 -70px repeat-x;
	text-align: center;
	color: white;
	padding: 5px
}
.dialog .exit {
	float: right;
	width: 16px;
	cursor: pointer
}
.overlay {
	z-index: 98;
	position: fixed;
	opacity: 0.8;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black
}

/* HINTS */
.hint {
	border: 1px solid #7dbfd2;
	background-color: #ebfbfe;
	position: absolute;
	visibility: hidden;
	z-index: 99
}

/* EDITOR */
.editor {margin: 2px}
.editor span {
	background: url(../../img/editor.png) no-repeat;
	line-height: 20px
}
.editor span, .editor img {
	cursor: pointer;
	border: 1px solid transparent;
	padding: 3px
}
.editor img:hover, .editor span:hover {
	background-color: #fffdd9;
	border-color: #dedbc0
}

/* BAD FIELD */
.bad {color: red}

/* IE6 Fix - right sidebar width */
* html #left { left: 250px }